//声音
import { Cascader } from 'antd';
import { NotificationOutlined } from "@ant-design/icons"
import BuZhou from "../../component/detection/buzou"
import './index.scss'
const Voice = (props) => {
  const onChange = (value) => {
    console.log(value);
  };
  return (
    <>
      <div className='voice_q'>

        <div className='voice_s'>

          <div className='voice_a'>
            <span>请选择音频设备</span>
            <Cascader onChange={onChange} spanlaceholder="扬声器(Realtek high) " />
          </div>

          <div className='voice_z'>
            <span>请调整声音大小</span>

            <div className='voice_c'>
              <NotificationOutlined className='voice_l' />
              <BuZhou style={{ with: 50 }} />
            </div>

          </div>

        </div>
        <div className='voice_w'>
          <div className='voice_g'></div>
          <p>能否听见清晰的音乐声?</p>
        </div>

      </div>

      <div className='index_button_z'>
        <div className="index_button_s" onClick={()=>{
          props.changename('话筒')
        }}>
          能
        </div>

        <div className="index_button_s">
          不能
        </div>
      </div>

    </>
  )

}
export default Voice